.step_box .line + .line {
  margin-left: -4px; }

.step_box .cross {
  height: 2px;
  width: 100%;
  background-color: #03a9f4;
  margin-bottom: 1px; }

.step_box .nav {
  width: 100%;
  min-width: 1190px;
  margin-bottom: 1px;
  overflow: hidden;
  white-space: nowrap; }
  .step_box .nav .line {
    height: 29px;
    background-color: #CBCBCB;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative; }
    .step_box .nav .line .num {
      width: 18px;
      height: 18px;
      background-image: url(../../img/circle.png);
      background-repeat: no-repeat;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      text-align: center;
      line-height: 19px;
      margin-right: 10px; }
    .step_box .nav .line span {
      font-size: 14px;
      color: #666;
      line-height: 29px; }
    .step_box .nav .line .step_arrow {
      width: 15px;
      height: 29px;
      background-image: url(../../img/triangle.png);
      background-repeat: no-repeat;
      position: absolute;
      right: -15px;
      top: 0;
      z-index: 10; }
  .step_box .nav .myShopping {
    width: 44%;
    text-align: right;
    z-index: 3; }
    .step_box .nav .myShopping span {
      margin-right: 25px; }
  .step_box .nav .orderInfo {
    width: 13%;
    text-align: center;
    z-index: 2; }
  .step_box .nav .payOrder {
    width: 44%;
    text-align: left; }
    .step_box .nav .payOrder .num {
      margin-left: 45px; }
  .step_box .nav .active {
    background-color: #F0F0F0; }
    .step_box .nav .active .num {
      background-image: url(../../img/blueCircle.png);
      color: #fff;
      width: 19px;
      height: 19px; }
    .step_box .nav .active span {
      color: #03a9f4; }
    .step_box .nav .active .step_arrow {
      background-image: url(../../img/activeT.png); }
